<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>新浪首页移动端切换效果</title>
		<!-- 根据屏幕大小自适应  最大增1倍  最小减1 -->
		<meta name="viewport" content="width=device-width,initial-scale=1,mininun-scale=1,axinun-scale=1">
		<link rel="stylesheet" href="css/swiper.min.css">
		<link rel="stylesheet" href="css/style.css">
		<script src="js/jquery-1.10.1.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/sina.js"></script>
	</head>
	<body>
		<div id="header">
			<div id="top-link"></div>
			<div class="swiper-wrapper">
				<div class="swiper-slide header-active">新闻</div>
				<div class="swiper-slide">财经</div>
				<div class="swiper-slide">体育</div>
				<div class="swiper-slide">娱乐</div>
				<div class="swiper-slide">军事</div>
				<div class="swiper-slide">教育</div>
				<div class="swiper-slide">博客</div>
				<div class="swiper-slide">汽车</div>
				<div class="swiper-slide">房产</div>
				<div class="swiper-slide">股票</div>
			</div>
		</div>
		<div id="banner">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="images/1.jpg">
					<h2 class="title">印媒:中国军队"越界"次数大幅减少</h2>
				</div>
				<div class="swiper-slide">
					<img src="images/2.jpg">
					<h2 class="title">奥巴马宣布驱逐35名俄外交人员</h2>
				</div>
				<div class="swiper-slide">
					<img src="images/3.jpg">
					<h2 class="title">赵薇,你到底有多少钱?</h2>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div id="tabs">
			<a href="#" class="active">新闻</a>
			<a href="#">体育</a>
			<a href="#">科技</a>
		</div>
		<div id="tabs-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="content-slide">
						<ul class="news-list">
							<li>中纪委七次全会闭 幕:保持惩治腐败高压态势</li>
							<li>八大看点:忏悔录能公开的都要公开</li>
							<li>一图看懂李克强的简政放权考察足迹</li>
							<li>上海重庆楼市突发异动 "暴风雨"真的要来了?</li>
							<li>屠呦呦获国家最高科学技术奖系首尾获奖女性</li>
							<li>韩媒萨德配图瞄准中国国旗 网友:是时候出拳了</li>
							<li>中国耗时五年造出圆珠笔头 有望完全替代进口</li>
							<li>湖南益阳回应交警使用山寨测速仪:将全面调查</li>
							<li>蔡英文低调过境美国?专家:激怒北京啥也得不到</li>
						</ul>
					</div>
				</div>
			</div>
	</body>
</html>
